<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DotDashAcademy - Go Pro</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #121212; color: #FFFFFF; margin: 0; padding: 20px; text-align: center; }
        .icon { font-size: 50px; margin-top: 20px; }
        h1 { font-size: 28px; color: #00BFFF; margin-top: 10px; }
        .features-list { text-align: left; max-width: 300px; margin: 30px auto; }
        .feature-item { display: flex; align-items: center; margin-bottom: 20px; font-size: 16px; }
        .feature-item .check { color: #00BFFF; margin-right: 15px; font-size: 24px; }
        .pricing-box { background-color: #1E1E1E; border: 2px solid #00BFFF; border-radius: 15px; padding: 20px; max-width: 320px; margin: 30px auto; }
        .pricing-box .price { font-size: 32px; font-weight: bold; }
        .pricing-box .period { color: #AAAAAA; }
        .cta-button { background-color: #00BFFF; color: #121212; font-size: 18px; font-weight: bold; border: none; border-radius: 12px; padding: 18px 0; width: 100%; max-width: 320px; margin-top: 10px; cursor: pointer; }
        .restore-link { color: #AAAAAA; font-size: 14px; margin-top: 20px; display: inline-block; }
    </style>
</head>
<body>
    <div class="icon">🚀</div>
    <h1>Upgrade to DotDashAcademy Pro</h1>
    <p style="color: #AAAAAA;">Unlock your full potential.</p >

    <div class="features-list">
        <div class="feature-item"><span class="check">✅</span> Unlock All "Morph Method" Lessons</div>
        <div class="feature-item"><span class="check">✅</span> Advanced Practice Modes</div>
        <div class="feature-item"><span class="check">✅</span> Real-time Audio Translator</div>
        <div class="feature-item"><span class="check">✅</span> Unlimited Flashlight Transmitter</div>
        <div class="feature-item"><span class="check">✅</span> No Ads, Ever</div>
    </div>
    
    <div class="pricing-box">
        <div class="price">$9.99</div>
        <div class="period">One-time purchase. Lifetime access.</div>
    </div>
    
    <button class="cta-button">Unlock Pro Now</button>
    Restore Purchase

</body>
</html>